@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-size:12px; color:#686868; font-family:"宋体",Arial, Helvetica, sans-serif; background-color:#ffffff;}
a{ color:#686868; text-decoration:none;font-family:"宋体",Arial, Helvetica, sans-serif; font-size:12px;}
a:hover{ color:#8e5400; text-decoration:underline;}
.cl{ clear:both; height:0; overflow:hidden;}.fl{ float:left;}.fr{ float:right;}.co{ color:#f05a28;}.mi{ margin:0 auto;}.f12{ font-size:12px;}.more{ margin-right:20px; color:#fff;}.more:hover{ color:#fff;}.co{ color:#8e5400; margin-right:0px;}.co:hover{ color:#8e5400;}
.h15{ height:15px;}.l10{ margin-left:10px;}.r10{ margin-right:10px;}.t10{ margin-top:10px;}.t15{ margin-top:15px;}.b10{ margin-bottom:10px;}.ov{ overflow:hidden;}
.cen{ text-align:center; line-height:24px;}

/*#top{ background:url(../images/headerbg.jpg) repeat left top;}*/
#top .top{ height:30px; background-color:#222222; color:#999;}
#top .top ul{ width:980px; line-height:30px; margin:0 auto;}
.top .bar{ float:right;}
.top .bar a{ color:#999; height:25px; line-height:25px; padding:0 4px 0 4px; display:inline-block;}
.top .bar a:hover{ color:#8e5400;}
.logo{ width:980px; height:80px; padding:10px 0;}
.menu{ width:980px; height:40px; overflow:hidden; background:url(../images/menubg.png) no-repeat left top;}
.menu ul li{ float:left; display:inline; background:url(../images/menu_li.jpg) no-repeat right top;}
.menu ul li a{ float:left; display:block; padding:0 18px; height:40px; line-height:40px; font-size:14px; color:#4f2f00;}
/*.menu ul li a.on_i{ background:url(../images/menu_on.jpg) no-repeat left top; color:#fff;}
.menu ul li a.on{ background:url(../images/menu_on.jpg) no-repeat right top; color:#fff;}
.menu ul li a:hover{ background:url(../images/menu_on.jpg) no-repeat right top; color:#fff;}*/
.menu ul li:hover{ background:none;}

/*  广告轮播图 */
.index_banner{ width:1920px; margin: 0 auto; position:relative; height:400px;overflow:hidden; left: 50%; margin-left:-960px;}
.index_ban_ul{ width:1920px; height:400px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;width:1000px;position:absolute;top:45%;z-index:2;left:50%; margin-left:-500px;}
.banner_ctr a{ display:block;width:60px;height:90px; background: url(../images/ad_ctr.png) no-repeat 0 0; position:absolute; opacity:0.2;filter: alpha(opacity=20);display:block;}
.banner_ctr a.prev{left:0px;}
.banner_ctr a.next{right:0px; background-position: 0 -90px;}
.banner_ctr a:hover{ filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.index_banner .hd{ width:1000px;position:absolute; bottom:0; text-align: center; z-index:1;left: 50%; margin-left:-500px;font-size: 0; line-height: 0; background:url(../images/ban_numbg.png) no-repeat center bottom; height: 23px;padding-top:10px; }
.index_banner .hd li{background:#000; z-index:2; cursor:pointer; margin-right:10px; display:inline-block;width:21px; height:8px; line-height:0;font-size:0;*display:inline; zoom:1; font-weight: bold;}
.index_banner .hd li:hover,.index_banner .hd .on{background:#c39d25;}
.banner_b{width: 980px;
height: 30px;
background: url(../images/banner_bg.jpg) no-repeat center top;}

#main{ width:980px; height:auto;}
.chanpinfenlei,.hezuokehu,#left{ width:220px;}.tuijianchanpin,.gongsiyoushi,#right{ width:740px;}
.chanpinfenlei h2,.tuijianchanpin h2,.hezuokehu h2,.shilizhanshi h2,.sidebar h2,#right h2{ height:30px; line-height:30px; background:url(../images/titbg.jpg) no-repeat left top; font-size:14px; text-indent:30px; color:#8e5400;}
.chanpinfenlei ul/*,.tuijianchanpin ul,.shilizhanshi ul*/,.sidebar ul{ border:1px solid #eee; border-top:0; padding:14px 10px 15px 10px;}
.chanpinfenlei ul li,.sidebar ul li{ height:30px; line-height:30px; border-bottom:1px dashed #eee; background:url(../images/arc.jpg) no-repeat 8px center; text-indent:24px;}
.tuijianchanpin ul li,.shilizhanshi ul li,#products ul li{ float:left; width:162px; text-align:center; margin:3px 9px 0 8px; cursor:pointer;}
.tuijianchanpin ul li div,.shilizhanshi ul li div,#products ul li div,.img{ width:160px; height:160px; border:1px solid #eee; overflow:hidden;}
.tuijianchanpin ul li p,.shilizhanshi ul li p,#products ul li p{ height:22px; line-height:22px; overflow:hidden;}
.tuijianchanpin ul li:hover div,.shilizhanshi ul li:hover div,#products ul li:hover div,.img:hover{ border:1px solid #8e5400;}
.tuijianchanpin ul li:hover p a,.shilizhanshi ul li:hover p a,#products ul li:hover p a{ color:#8e5400;}

#demo,#demo3{overflow:hidden; border:1px solid #eee; border-top:0; height:185px; padding:14px 10px 15px 10px;} 
#demo{ width:718px;}#demo3{ width:958px;}
#demoimg { margin:0 auto;} 
#indemo { float: left; width:600%; overflow:hidden;} 
#demo1,#demo2,#demo4,#demo5 {float: left;overflow:hidden;} 

。tuijianchanpin ul{border:1px solid #eee; border-top:0; height:185px; padding:14px 10px 15px 10px;}

.hezuokehu ul{ height:360px; padding:10px 5px 10px; border:1px solid #eee; overflow:hidden;}
.hezuokehu ul li{ float:left; display:inline; width:90px; height:40px; margin:5px 6px; overflow:hidden; border:1px solid #eee;}

.shilizhanshi{ width:980px; height:auto;}
.shilizhanshi h2{ background:url(../images/shilizhanshibg.jpg) no-repeat left top;}
.shilizhanshi ul{}

.guanyuxinwen{ width:978px; border:1px solid #eee;}
.guanyuxinwen ul{ height:315px; overflow:hidden;}
.guanyuxinwen ul li{ float:left; display:inline; width:319px; height:315px;}
.guanyuxinwen ul li dl{ background:url(../images/line.jpg) no-repeat 10px 35px; background:url(../images/headerbg.jpg) repeat-x 0px -55px;}
.guanyuxinwen ul li dl dt{ padding:10px 10px 10px 5px; height:35px; line-height:30px; text-indent:52px; font-size:14px; font-family:"宋体"; color:#8e5400; background:url(../images/newstitbg.png) no-repeat 20px 5px;}
.guanyuxinwen ul li dl dt label{ color:#989898;}
.guanyuxinwen ul li.news_i dl dd{ height:30px; line-height:30px; overflow:hidden; border-bottom:1px solid #eee;background:url(../images/arc.jpg) no-repeat 10px 10px; padding-left:25px;}
.guanyuxinwen ul li.news_i dl dd a{ display:block;}

.guanyuxinwen ul li.news_i dl dd label{ float:right; color:#989898; text-indent:10px;}

.guanyuxinwen ul li.about_i{ width:379px;}
.guanyuxinwen ul li.contact_i dl{/* margin:10px 10px 10px 0;*/}
.guanyuxinwen ul li.about_i dl dd{ line-height:20px; padding:5px 10px 5px 20px;}
.guanyuxinwen ul li.about_i dl dd img{ float:left; margin:5px 10px 5px 0;}

.guanyuxinwen ul li.contact_i{ width:280px; margin-right:0;}
.guanyuxinwen ul li.contact_i dl{/* margin:10px 10px 10px 0;*/}
.guanyuxinwen ul li.contact_i dl dd{ padding:5px 10px; line-height:18px;}
.guanyuxinwen ul li.contact_i dl dd p,.sidebar ul.lxwm p{ line-height:40px; margin-bottom:10px;}
.guanyuxinwen ul li.contact_i dl dd p img{ float:left; margin-right:15px; width:80px; height:80px;}

#footer{ width:100%; height:auto; background:url(../images/footerbg.jpg) repeat-x left top; padding:0px 0 0 0;}
#footer ul{ width:980px;}
#footer ul li{ line-height:35px; text-align:center; color:#4f2f00;/* background:url(../images/line.png) no-repeat center bottom;*/ background:url(../images/navbg.png) no-repeat center top;}
#footer ul li a{ margin:0 10px; color:#4f2f00;}
#footer ul .bot{ text-align:left; padding-top:10px; line-height:20px;}
#footer ul .bot .l{ display:inline; width:130px; text-align:center; height:70px; }
#footer ul .bot .r{text-align:left; line-height:20px; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif; padding:0 5px;}
#footer ul .bot a{ margin-right:5px;}

.sidebar ul{ height:auto;}
.sidebar ul.lxwm{ line-height:20px;}

#right h2 span{ float:left; margin-left:30px; text-indent:0; padding:0 40px 0 0; background:url(../images/right_t.png) no-repeat right top #8e5400;}
#right h2 label{ font-size:12px; color:#fff; margin-right:15px;}
#right h2 label a{ font-size:12px; color:#fff;}
#right h2 label a:hover{ color:#8e5400;}

#about,#news,#products,#product{border:1px solid #eee; border-top:0; padding:14px 15px 15px 15px; min-height:500px;}
.cont{ font-size:14px; line-height:26px; padding:0 10px;}
#about h1 {
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    color:#454545;
    font-weight: normal;
}
#about .time {
    border-bottom: 1px dashed #D9D9D9;
    color: #666666;
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 10px;
}

#xg_news{}
#xg_news h3,.content h3,#xg_pic h3{ height:30px; line-height:30px; color:#fff; text-indent:15px; background:url(../images/titbg.jpg) no-repeat right center;}
#xg_news ul li {
    background: url("../images/arc.jpg") no-repeat scroll 7px center transparent;
    border-bottom: 1px dashed #eee;
    float: left;
    line-height: 30px;
    padding: 0 1% 0 3%;
    width: 46%;
}

#news ul li{ margin:15px 0 5px 0; border-bottom:1px dashed #d7d7d7;}
#news ul li h3{ height:30px; line-height:30px; text-indent:30px; cursor:pointer;background: url(../images/arc.jpg) no-repeat 10px 10px;}
#news ul li h3 a{ display:block;}
#news ul li h3 label{ float:right; margin-right:15px; color:#fff;}
#news ul li p{ line-height:20px; padding:5px 10px;}
#news ul li:hover p a{ color:#8e5400; text-decoration:none;}

.prew, .nextw {
    background: url("../images/ui_pre_info.gif") no-repeat scroll left 6px transparent;
    color: #6B6B6B;
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
	 font-size:12px;
}
.nextw {
    background: url("../images/ui_next_info.gif") no-repeat scroll right 6px transparent;
    float: right;
    padding-right: 15px;
    text-align: right;
}
.prew a, .nextw a {
    color: #6B6B6B; font-size:12px;
}
.prew a:hover, .nextw a:hover,.about .time a:hover{ color:#f46e17;}

#pagelist {
    padding: 20px;
    text-align: center;
}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {
    cursor: pointer;
    font-family: "宋体";
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
    font-family: "宋体";
    font-size: 12px;
}
#pagelist span.active {
	background-color:#ccaf49;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color:#ccaf49;
    color: #FFFFFF;
}

#products ul li{ margin:10px 20px 5px 46px; display:inline;}

.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 402px;
}
.probar_right {
    height: 402px;
    width: 296px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
	border-bottom:1px dashed #eee;
}
#tagContent_ {
    border: 1px solid #eee;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #eee;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #eee;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
    border:1px solid #eee
}
.probar_right ul li h1,.probar_right ul li h3{ font-size:12px; text-align:left; font-weight:100; font-family:"宋体"; line-height:30px;}
.inp, .textarea {
    border: 1px solid #eee;
    color: #686868;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}

.prodetail_box{ padding:20px 10px 40px 10px; width:740px; overflow: hidden;  border-top:1px solid #ccc;}
.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}
.product-show-pic{width:402px;height:490px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/* 图片小图样式 */
.spec-preview{width:400px;height:390px;border:1px solid #dadada;}
.spec-scroll{margin-top:10px;width:402px;height:73px;overflow:hidden;position:relative;}
.spec-scroll a.prev{display:block;width:11px;height:18px;position:absolute;top:20px;left:10px;background:url(../images/listpro_btn.png) no-repeat 0 0px;overflow:hidden;cursor:pointer;}
.spec-scroll a.prev:hover{background-position:0 -54px;}
.spec-scroll a.next{display:block;width:11px;height:18px;position:absolute;top:20px;right:10px;background:url(../images/listpro_btn.png) no-repeat 0 -36px;overflow:hidden;cursor:pointer;}
.spec-scroll a.next:hover{background-position:0 -18px;}
.spec-scroll .items{position:relative;width:336px;height:73px;margin:0 auto;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:73px;}
.spec-scroll .items ul li{width:85px;height:73px;float:left;}
.spec-scroll .items ul li img{width:73px;height:71px;cursor:pointer;border:1px solid #e6e6e6;}
.spec-scroll .items ul li img:hover{border:1px solid #70b900;}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.sub {
    background: url("../images/zixun.gif") no-repeat scroll left center transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 61px;
}

#show{ width:400px; height:400px; overflow:hidden; position:relative; left:0; border:1px solid #eee; text-align:center;}
#show_mark{ position:absolute; top:0; left:0; width:400px; height:400px; background-color:#000; opacity:1; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }
#zoom{ float:left; position:relative; left:412px; margin-top:-402px; z-index:3; width:300px; height:400px; text-align:center; line-height:400px; display:none; overflow:hidden; border:1px solid #eee; background-color:#fff; z-index:1000;}
#zoom img{ position:absolute; margin:0 auto;}

.content .cont{ padding:0 10px; font-size:12px;}

#xg_pic dl a{ float:left; width:162px; text-align:center; margin:10px 10px 0 10px;}
#marquee {
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    padding: 0;
    text-align: center;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 24px;
    width: 162px;
}
#marquee a {
    line-height: 24px;
}
#marquee dl {
    width: 1000%;
}
/*--/guest--*/
#guest {
    color: #545454;
    line-height: 22px;
    width: 680px;
	font-family:"微软雅黑";
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
	width:260px;
    height: 28px;
	line-height:28px;
    margin: 0;
    padding: 0px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 100px;
	line-height:20px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 400px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    list-style-type: none;
    margin: 20px 0 0 60px;
    padding-bottom: 10px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    margin:20px 0 0px 0;
    width: 610px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: right;
	width:60px;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test span.inp_zd,#guest .input_test span .inp_zd{ width:250px; height:30px; overflow:hidden;}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#guest .code_img{ height:28px; margin:1px auto;}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
	width:80px;
}
#guest #submit{ width:80px; height:30px;}
/*--Guest--*/

#tbox { width:54px; float:right; position:fixed; right:100px; bottom:10px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:15px; z-index:9998 }
#tbox a { overflow:visible; position:relative }
#gotop, #moblie, #home { display:block; width:50px; height:50px; margin-bottom:2px }
#gotop { background:#d3d3d3 url(../images/top_icon.png) no-repeat 5px 3px; }
#home { background:#d3d3d3 url(../images/home_ico.png) no-repeat 5px 3px; }
#moblie { background:#d3d3d3 url(../images/moblie_icon.png) no-repeat 5px 3px; position:relative; }
#gotop:hover { background:#9B9B9B url(../images/top_icon.png) no-repeat 5px 3px; }
#home:hover { background:#9B9B9B url(../images/home_ico.png) no-repeat 5px 3px; }
#moblie:hover { background:#9B9B9B url(../images/moblie_icon.png) no-repeat 5px 3px; }
#moblie .moblie_Code { position:absolute; right:55px; top:-80px; z-index:999999; background:url(../images/mobibarcodeui_tech.png) no-repeat; width:160px; height:160px; text-align:center; }
#moblie .moblie_Code img { margin:5px 0 0 0px; margin-right:10px; }
#moblie .moblie_Code p { width:110px; color:#333; font-site:14px; margin-left:22px; }